<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fb</title>
<style type="text/css">
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
p {
	line-height:16px;
	margin:0px;
	padding:0px;
}

h1 {
	padding:0px;
	margin-bottom:5px;
	margin-top:0px;
	font-size:14px;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}

img{ border:0px; background:none;}
img a{ border:0px; background:none;}
.w520{ width:520px;}
.w492{ width:492px;}
.mc{ margin:0 auto;}
.top_bg{ background:url(images/top_bg.png) top left no-repeat;}
.bot_bg{ background:url(images/bot_bg.png) bottom left no-repeat; padding-bottom:40px;}
.mid_bg{ background:url(images/mid_bg.png) top left repeat-y;}
.bg_img{ border:4px solid #000000; width:484px;}
.bg_img img{ text-align:center; width:484px; height:250px; overflow:hidden;}
.bg_img_small{ background:url(images/bg_img.png) top left no-repeat; width:109px; height:101px; margin-left:10px; float:left; position:relative; margin-bottom:30px; text-align:center; padding-top:4px;}
.bg_img_small .img1{ width:103px; height:60px; overflow:hidden;}
.bg_content{ background:#2b2b2b; border: 3px solid #000; width:486px;}
ul.menu{ list-style:none; margin-left:0px; padding-left:0px; padding-top:20px; padding-left:20px;}
ul.menu li{ margin-right:3px; float:left; width:114px;}
ul.menu li a{ background:url(images/bg_menu.png) top left no-repeat; display:block; text-align:center; padding:6px 0px 6px 0px; font-size:12px; font-weight:bold; color:#fff;}
ul.menu li a:hover{ background:url(images/bg_menu_over.png) top left no-repeat; text-decoration:none; color:#000000;}
ul.menu li a.curr1{ background:url(images/bg_menu_over.png) top left no-repeat; text-decoration:none; color:#000000;}
.p20t{ padding-top:20px;}
.black_bg1{ text-align:center; padding:3px 5px 3px 5px; background:url(images/black_bg.png) repeat; color:#fff; font-size:10px; position:absolute; bottom:41px; left:3px; width:93px;}
.black_bg2{ text-align:center; padding:5px 5px 5px 5px; background:url(images/black_bg.png) repeat; color:#fff; font-size:10px; position:absolute; top:3px; right:3px;}
ul.pagin{ background:url(images/bg_page.png) top left no-repeat; width:130px; height:24px; margin-left:0px; padding-left:13px; padding-top:7px; float:right;}
ul.pagin li{ margin-right:2px; width:20px; text-align:center; float:left; padding-left:0px; margin-left:0px;}
ul.pagin li a{font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none; width:20px;}
ul.pagin li a:hover{color:#fdc029;}
ul.pagin li a.curr2{color:#fdc029;}
.bg_social{ background:url(images/bg_social.png) top left no-repeat; width:245px; height:49px; float:left; padding:13px 0px 0px 15px;}
.po{ position:relative;}
.bg_overlay{ background:url(images/bg_overlay.png) top left repeat; width:472px; padding:10px 10px 10px 10px; position:absolute; bottom:0px; left:0px; color:#fdc029; font-size:14px;}
</style>
</head>
<body>
<div class="w520 mc">
	<table width="520" align="center" cellpadding="0" cellspacing="0">
    	<tr>
        	<td>
            	<div class="mid_bg">
                <div class="top_bg">
                	<div class="bot_bg">
                    	
                        	<ul class="menu">
                            	<li><a href="#" class="curr1">fds fdsf dfs</a></li>
                                <li><a href="#">fds fdsf dfs</a></li>
                                <li><a href="#">fds fdsf dfs</a></li>
                                <li><a href="#">fds fdsf dfs</a></li>
                            </ul>
                            <div style="clear:left"></div>
                            <div class="w492 mc p20t">
                            <div class="bg_img po">
                             <div class="bg_overlay">
        	<p>Vinn gourmetlunsj under Fri Flyt sin High Camp på Hemsedal 9.-11. mars</p>
        </div>
                            <img src="images/large_img.png" alt="" /></div>
                            </div>
                            <div class="w492 mc p20t">
                           	  <div class="bg_content p20t mc">
                               	  <div class="bg_img_small">
                                  		<div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a>                                  </div>
                                    <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                    <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                    <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                      <div class="bg_img_small"><div class="black_bg2">32</div>
                                        <div class="black_bg1">fdsafds dsafds</div>
                                   	  <img src="images/large_img.png" alt="" class="img1"/>
                                      <a href="#"><img src="images/stam_btn.png" alt="" /></a> </div>
                                    <div style="clear:left"></div>
									<div class="mc">
                                    <div class="bg_social"><img src="images/social.png" alt="" width="188" height="20" /></div>
                                  <ul class="pagin">
                                    	<li><a href="#">&laquo;</a></li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#" class="curr2">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">&raquo;</a></li>
                                    </ul>
                                   
                                    <div style="clear:both"></div>
                                    </div>
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>

</div>

</body>
</html>
